<!DOCTYPE html>
<html>

<head>

  <title>JSON-Splora</title>
  <meta charset="UTF-8">

  <!-- Base CodeMirror js -->
  <script src="node_modules/codemirror/lib/codemirror.js" type="text/javascript"></script>

  <!-- JSON Lint dependency for CodeMirror linter -->
  <script src="node_modules/jsonlint/lib/jsonlint.js" type="text/javascript"></script>

  <!-- Enable CodeMirror's JavaScript mode, and JSON linter, and other addons -->
  <script src="node_modules/codemirror/addon/lint/lint.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/lint/json-lint.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/fold/foldcode.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/fold/foldgutter.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/fold/brace-fold.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/fold/comment-fold.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/fold/indent-fold.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/mode/javascript/javascript.js" type="text/javascript"></script>
  <script src="node_modules/codemirror/addon/edit/matchbrackets.js" type="text/javascript"></script>

  <!-- Add custom json5 linter -->
  <script src="app/js/system/codemirror/json5-lint.js" type="text/javascript"></script>

  <!-- jQuery, jQuery UI -->
  <script type="text/javascript">
    jQuery = require('jquery')
    $ = require('jquery')
  </script>
  <link rel="stylesheet" href="app/vendor/jquery-ui/jquery-ui.css" type="text/css">
  <script src="app/vendor/jquery-ui/jquery-ui.js" type="text/javascript"></script>

  <!-- CodeMirror css -->
  <link rel="stylesheet" href="node_modules/codemirror/lib/codemirror.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/addon/lint/lint.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/addon/fold/foldgutter.css" type="text/css">

  <!-- CodeMirror themes -->
  <!-- TODO add more themes and make option -->
  <link rel="stylesheet" href="node_modules/codemirror/theme/mdn-like.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/theme/elegant.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/theme/neat.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/theme/neo.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/theme/seti.css" type="text/css">
  <link rel="stylesheet" href="node_modules/codemirror/theme/zenburn.css" type="text/css">

  <!-- JSON-Splora custom css -->
  <link rel="stylesheet" href="app/css/structure.css" type="text/css">
  <link rel="stylesheet" href="app/css/ui.css" type="text/css">

</head>

<body>

  <div id="tabs" class="tab-bar-hidden">
    <ul id="tab-header" class="tab-bar">
      <li><span id="new-tab">+</span></li>
    </ul>
  </div>

  <!-- Application entrypoint -->
  <script>
    require('./app/js/system/start')
  </script>
</body>

</html>
